<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>扶贫动态</title>
<meta name="keywords" content="扶贫动态" />
<meta name="description" content="扶贫动态" />
<link href="style/style.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="style/add1.css">
    <style type="text/css">
    .events-content{
        overflow: scroll;
        padding-bottom: 30px;
    }
    </style>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($){
            var timelines = $('.containt'),
                    eventsMinDistance = 60;    //设置两个日期之间的最小距离为60px

            (timelines.length > 0) && initTimeline(timelines);

            function initTimeline(timelines) {
                timelines.each(function(){
                    var timeline = $(this),
                            timelineComponents = {};
                    //缓存时间轴组件
                    timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper');
                    timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events');
                    timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line');
                    timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a');
                    timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']);
                    timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']);
                    timelineComponents['timelineNavigation'] = timeline.find('.timeline-navigation');
                    timelineComponents['eventsContent'] = timeline.children('.events-content');

                    //指定一个左位置沿时间线的单事件
                    setDatePosition(timelineComponents, eventsMinDistance);
                    //给时间轴分配一个宽度
                    var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance);
                    //时间轴已初始化-显示它
                    timeline.addClass('loaded');

                    //单击下一个箭头
                    timelineComponents['timelineNavigation'].on('click', '.next', function(event){
                        event.preventDefault();
                        updateSlide(timelineComponents, timelineTotWidth, 'next');
                    });
                    //单击prev的箭头
                    timelineComponents['timelineNavigation'].on('click', '.prev', function(event){
                        event.preventDefault();
                        updateSlide(timelineComponents, timelineTotWidth, 'prev');
                    });
                    //点击一个时间点显示对应的事件内容
                    timelineComponents['eventsWrapper'].on('click', 'a', function(event){
                        event.preventDefault();
                        timelineComponents['timelineEvents'].removeClass('selected');
                        $(this).addClass('selected');
                        updateOlderEvents($(this));
                        updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth);
                        updateVisibleContent($(this), timelineComponents['eventsContent']);
                    });

                    //键盘设置（which对应的37代表左，39代表右）
                    $(document).keyup(function(event){
                        if(event.which=='37' && elementInViewport(timeline.get(0)) ) {
                            showNewContent(timelineComponents, timelineTotWidth, 'prev');
                        } else if( event.which=='39' && elementInViewport(timeline.get(0))) {
                            showNewContent(timelineComponents, timelineTotWidth, 'next');
                        }
                    });
                });
            }

            function updateSlide(timelineComponents, timelineTotWidth, string) {
                //retrieve translateX value of timelineComponents['eventsWrapper']
                var translateValue = getTranslateValue(timelineComponents['eventsWrapper']),
                        wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', ''));
                //translate the timeline to the left('next')/right('prev')
                (string == 'next')
                        ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth)
                        : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance);
            }

            function showNewContent(timelineComponents, timelineTotWidth, string) {
                var visibleContent =  timelineComponents['eventsContent'].find('.selected'),
                        newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev();

                if ( newContent.length > 0 ) { //if there's a next/prev event - show it
                    var selectedDate = timelineComponents['eventsWrapper'].find('.selected'),
                            newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a');

                    updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth);
                    updateVisibleContent(newEvent, timelineComponents['eventsContent']);
                    newEvent.addClass('selected');
                    selectedDate.removeClass('selected');
                    updateOlderEvents(newEvent);
                    updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);
                }
            }

            function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {
                //translate timeline to the left/right according to the position of the selected event根据所选事件的位置将时间线转换为左/右
                var eventStyle = window.getComputedStyle(event.get(0), null),
                        eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')),
                        timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')),
                        timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', ''));
                var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']);

                if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) {
                    translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth);
                }
            }

            function translateTimeline(timelineComponents, value, totWidth) {
                var eventsWrapper = timelineComponents['eventsWrapper'].get(0);
                value = (value > 0) ? 0 : value; //only negative translate value
                value = ( !(typeof totWidth === 'undefined') &&  value < totWidth ) ? totWidth : value; //do not translate more than timeline width
                setTransformValue(eventsWrapper, 'translateX', value+'px');
                //update navigation arrows visibility
                (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive');
                (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive');
            }

            function updateFilling(selectedEvent, filling, totWidth) {
                //change .filling-line length according to the selected event
                var eventStyle = window.getComputedStyle(selectedEvent.get(0), null),
                        eventLeft = eventStyle.getPropertyValue("left"),
                        eventWidth = eventStyle.getPropertyValue("width");
                eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2;
                var scaleValue = eventLeft/totWidth;
                setTransformValue(filling.get(0), 'scaleX', scaleValue);
            }

            function setDatePosition(timelineComponents, min) {
                for (i = 0; i < timelineComponents['timelineDates'].length; i++) {
                    var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
                            distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
                    timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');
                }
            }

            function setTimelineWidth(timelineComponents, width) {
                var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),
                        timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],
                        timeSpanNorm = Math.round(timeSpanNorm) + 4,
                        totalWidth = timeSpanNorm*width;
                timelineComponents['eventsWrapper'].css('width', totalWidth+'px');
                updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth);

                return totalWidth;
            }

            function updateVisibleContent(event, eventsContent) {
                var eventDate = event.data('date'),
                        visibleContent = eventsContent.find('.selected'),
                        selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'),
                        selectedContentHeight = selectedContent.height();

                if (selectedContent.index() > visibleContent.index()) {
                    var classEnetering = 'selected enter-right',
                            classLeaving = 'leave-left';
                } else {
                    var classEnetering = 'selected enter-left',
                            classLeaving = 'leave-right';
                }

                selectedContent.attr('class', classEnetering);
                visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){
                    visibleContent.removeClass('leave-right leave-left');
                    selectedContent.removeClass('enter-left enter-right');
                });
                eventsContent.css('height', selectedContentHeight+'px');
            }

            function updateOlderEvents(event) {
                event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event');
            }

            function getTranslateValue(timeline) {
                var timelineStyle = window.getComputedStyle(timeline.get(0), null),
                        timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") ||
                                timelineStyle.getPropertyValue("-moz-transform") ||
                                timelineStyle.getPropertyValue("-ms-transform") ||
                                timelineStyle.getPropertyValue("-o-transform") ||
                                timelineStyle.getPropertyValue("transform");

                if( timelineTranslate.indexOf('(') >=0 ) {
                    var timelineTranslate = timelineTranslate.split('(')[1];
                    timelineTranslate = timelineTranslate.split(')')[0];
                    timelineTranslate = timelineTranslate.split(',');
                    var translateValue = timelineTranslate[4];
                } else {
                    var translateValue = 0;
                }

                return Number(translateValue);
            }

            function setTransformValue(element, property, value) {
                element.style["-webkit-transform"] = property+"("+value+")";
                element.style["-moz-transform"] = property+"("+value+")";
                element.style["-ms-transform"] = property+"("+value+")";
                element.style["-o-transform"] = property+"("+value+")";
                element.style["transform"] = property+"("+value+")";
            }

            //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript
            function parseDate(events) {
                var dateArrays = [];
                events.each(function(){
                    var dateComp = $(this).data('date').split('/'),
                            newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);
                    dateArrays.push(newDate);
                });
                return dateArrays;
            }

            function parseDate2(events) {
                var dateArrays = [];
                events.each(function(){
                    var singleDate = $(this),
                            dateComp = singleDate.data('date').split('T');
                    if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided
                        var dayComp = dateComp[0].split('/'),
                                timeComp = dateComp[1].split(':');
                    } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide
                        var dayComp = ["2000", "0", "0"],
                                timeComp = dateComp[0].split(':');
                    } else { //only DD/MM/YEAR
                        var dayComp = dateComp[0].split('/'),
                                timeComp = ["0", "0"];
                    }
                    var	newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);
                    dateArrays.push(newDate);
                });
                return dateArrays;
            }

            function daydiff(first, second) {
                return Math.round((second-first));
            }

            function minLapse(dates) {
                //确定事件之间的最小距离
                var dateDistances = [];
                for (i = 1; i < dates.length; i++) {
                    var distance = daydiff(dates[i-1], dates[i]);
                    dateDistances.push(distance);
                }
                return Math.min.apply(null, dateDistances);
            }

            /*
             How to tell if a DOM element is visible in the current viewport?
             http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
             */
            function elementInViewport(el) {
                var top = el.offsetTop;
                var left = el.offsetLeft;
                var width = el.offsetWidth;
                var height = el.offsetHeight;

                while(el.offsetParent) {
                    el = el.offsetParent;
                    top += el.offsetTop;
                    left += el.offsetLeft;
                }

                return (
                        top < (window.pageYOffset + window.innerHeight) &&
                        left < (window.pageXOffset + window.innerWidth) &&
                        (top + height) > window.pageYOffset &&
                        (left + width) > window.pageXOffset
                );
            }

            function checkMQ() {
                //check if mobile or desktop device
                return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");
            }
        });
        function openpinm() {
            window.location.href = "gis.aspx";
        }

        function opensand() {
            window.location.href = "2Dto3D.html";
        }
    </script>

</head>

<body>
<div id="mapContainer">
    <div class="navbd">
        <div class="logo">
            <h1><a>西南林大对口扶贫地理信息系统</a></h1>
        </div>
        <div class="nav">
            <div class="contact">
                <div class="text">联系我们</div>
                <div class="text">陈老师:13888315351</div>
            </div>
        </div>
    </div>

    <div class="bd">
        <ul id='tags'>
            <li><a onClick="openpinm()">2D平面图</a> </li>

            <li><a onClick="opensand()">2D/3D联动</a> </li>
            <li class=selectTag><a>扶贫动态</a> </li>
        </ul>

        <div class="tabshow">

<a href="javascript:void(0);" class="udbtn uPrev">上一个</a>
<div class="tabTagBox">
<ul class="tabTagList">
<li id="tag01" class="current">时间轴动态</li>
<li id="tag02">本地特色宣扬</li>
<li id="tag03">帮扶政绩宣扬</li>
<li id="tag04">社会救助展示</li>
<li id="tag05">政策法规宣传</li>

</ul>
</div>
<a href="javascript:void(0);" class="udbtn dNext">下一个</a>

<div class="tabcon">
<h2>时间轴动态</h2>
    <section class="containt">
        <div class="timeline">
            <div class="events-wrapper">
                <div class="events" style="width: 1800px; transform: translateX(0px);">
                    <ol>
                        <li><a href="#0" data-date="16/01/2014" class="older-event selected" style="left: 120px;">16 Jan</a></li>
                        <li><a href="#0" data-date="28/02/2014" class="" style="left: 300px;">28 Feb</a></li>
                        <li><a href="#0" data-date="20/04/2014" class="" style="left: 480px;">20 Mar</a></li>
                        <li><a href="#0" data-date="20/05/2014" class="" style="left: 600px;">20 May</a></li>
                        <li><a href="#0" data-date="09/07/2014" style="left: 780px;">09 Jul</a></li>
                        <li><a href="#0" data-date="30/08/2014" style="left: 960px;">30 Aug</a></li>
                        <li><a href="#0" data-date="15/09/2014" style="left: 1020px;">15 Sep</a></li>
                        <li><a href="#0" data-date="01/11/2014" style="left: 1200px;">01 Nov</a></li>
                        <li><a href="#0" data-date="10/12/2014" style="left: 1380px;">10 Dec</a></li>
                        <li><a href="#0" data-date="19/01/2015" style="left: 1500px;">29 Jan</a></li>
                        <li><a href="#0" data-date="03/03/2015" style="left: 1680px;">3 Mar</a></li>
                    </ol>

                    <span class="filling-line" aria-hidden="true" style="transform: scaleX(0.0775);"></span>
                </div> <!-- .events -->
            </div> <!-- .events-wrapper -->

            <ul class="timeline-navigation">
                <li><a href="#0" class="prev inactive">Prev</a></li>
                <li><a href="#0" class="next">Next</a></li>
            </ul> <!-- timeline-navigation -->
        </div> <!-- .timeline -->

        <div class="events-content" style="height: 276px;">
            <ol>
                <li class="selected" data-date="16/01/2014">
                    <h2>格局决定结局</h2>
                    <em>January 16th, 2014</em>
                    <p>
                        个人的格局大小与否说实话是很难定义的，但是一个人是否拥有广阔胸襟却对自己以及周围的人影响很大。 胸怀的大小会让你看见不一样的世界，会让你寻找到生活中旁人看不到的风景...
                    </p>
                </li>

                <li data-date="28/02/2014" class="">
                    <h2>生活</h2>
                    <em>February 28th, 2014</em>
                    <p>
                        当欢笑淡成沉默，当信心变成失落，我走近梦想的脚步，是否依旧坚定执着；当笑颜流失在心的沙漠，当霜雪冰封了亲情承诺，我无奈的心中，是否依然碧绿鲜活。有谁不渴望收获，有谁没有过苦涩，有谁不希望生命的枝头挂满丰硕，有谁愿意让希望变成梦中的花朵。现实和理想之间，不变的是跋涉，暗淡与辉煌之间，不变的是开拓。甩掉世俗的羁绊，没谁愿意，让一生在碌碌无为中度过。整理你的行装，不同的起点，可以达到同样辉煌的终点。人生没有对错，成功永远属于奋斗者。
                    </p>
                </li>

                <li data-date="20/04/2014" class="">
                    <h2>嫁给幸福</h2>
                    <em>March 20th, 2014</em>
                    <p>
                        有一个未来的目标，总能让我们欢欣鼓舞。就像飞向火光的灰蛾，甘愿做烈焰的俘虏，摆动着的是你不停的脚步，飞旋着的是你不停的流苏。美丽，在一往情深的日子里，有谁说得清，什么是甜，什么是苦。只知道，确定了就义无反顾。要输就输给追求，要嫁就嫁给幸福。
                    </p>
                </li>

                <li data-date="20/05/2014" class="">
                    <h2>关于友情</h2>
                    <em>May 20th, 2014</em>
                    <p>
                        友情因无所求而深刻，不管彼此是平衡还是不平衡。诗人周涛描写过一种平衡的深刻：“两棵在夏天喧哗着聊了很久的树，彼此看见对方的黄叶飘落于秋风，它们沉静了片刻，互相道别说，‘明年夏天见’”楚楚则写过一种不平衡的深刻：“真想为你好好活着，但我，疲惫已极，在我生命终结前，你没有抵达，只为看你之后一眼，我才飘落在这里。”都是无所求的飘落，都是诗化的高贵。
                    </p>
                </li>

                <li data-date="09/07/2014">
                    <h2>励志语句</h2>
                    <em>July 9th, 2014</em>
                    <p>
                        生活没有彩排人生也没有裁判总会有些时候满心期待换来的是失望或者是不体谅环顾四周似乎只有你自己在徘徊努力了好像还是看不见希望你甚至一度的认为没有人比你更加的不如意了渐渐地你会开始不自信不勇敢不愿向前......然而每当这个时候你都能在心中听到一个声音清晰而坚定再来一次！当生活的哨声响起再一次选择责任与担当再一次为成长积蓄力量再一次只为追逐的梦想更近一些再一次为了更多人能分享阳光再一次相爱在通往年轻的路上再一次坚守心中的完美这一刻每个平凡人旧的自我离开新的自我诞生成功与否并不重要因为这不仅仅是为了自己我们总会在逆境中汇聚起再一次的能量这个民族只会越挫越强这个世界永远欣赏每一个敢于再来一次的人再一次为平凡人喝彩！
                    </p>
                </li>

                <li data-date="30/08/2014">
                    <h2>球形也是一种体型</h2>
                    <em>August 30th, 2014</em>
                    <p>
                        记住该记住的，忘记该忘记的。改变能改变的，接受不能改变的。 2、能冲刷一切的除了眼泪，就是时间，以时间来推移感情，时间越长，冲突越淡，仿佛不断稀释的茶。
                    </p>
                </li>

                <li data-date="15/09/2014">
                    <h2>Event title here</h2>
                    <em>September 15th, 2014</em>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
                    </p>
                </li>

                <li data-date="01/11/2014">
                    <h2>坦然</h2>
                    <em>November 1st, 2014</em>
                    <p>
                        尘间有两苦，一是得不到之苦，二是钟情之苦。 在你付诸努力的前提下，所有的、想得到的都当作一场赌。胜之坦然；败之淡然。得之我幸，失之我命，世间最苦是钟情，纵然是夫妻也莫过如此
                    </p>
                </li>

                <li data-date="10/12/2014">
                    <h2>向前</h2>
                    <em>December 10th, 2014</em>
                    <p>
                        和阳光的人在一起，心里就不会晦暗；和快乐的人在一起，嘴角就常带微笑；和进取的人在一起，行动就不会落后；和大方的人在一起，处事就不小气；和睿智的人在一起，遇事就不迷茫；
                    </p>
                </li>

                <li data-date="19/01/2015">
                    <h2>善待自己</h2>
                    <em>January 19th, 2015</em>
                    <p>
                        人生是痛苦与快乐的组合体，事业是失败与成功的交响乐。 2.说有上辈子的人是在骗自己，说有下辈子的人是在骗别人。 3.人格的强大才是真正的强大，志向的虚弱才是真正的虚弱。
                    </p>
                </li>

                <li data-date="03/03/2015">
                    <h2>频频回头走不远</h2>
                    <em>March 3rd, 2015</em>
                    <p>
                        金钱就像水一样，缺了它，会渴死；贪图它，会淹死。 2.没有比记忆中更好的风景，所以最好不要旧地重游。 3.最好的东西，往往是意料之外，偶然得来的。 4.要替别人着想，但为自己而活。
                    </p>
                </li>
            </ol>
        </div> <!-- .events-content -->
    </section>

</div>

<div class="tabcon hide">
<h2>旅游行业模板展示</h2>

</div>

<div class="tabcon hide">
<h2>房地产行业模板展示</h2>

</div>

<div class="tabcon">
<!--<h2>时间轴动态</h2>-->
    <section class="containt">
    <div class="timeline">
    <div class="events-wrapper">
    <div class="events" style="width: 1800px; transform: translateX(0px);">
    <ol>
    <li><a href="#0" data-date="15/09/2014" class="older-event selected" style="left: 120px;">15 Sep</a></li>
    <li><a href="#0" data-date="28/02/2015" class="" style="left: 300px;">28 Feb</a></li>
    <!--<li><a href="#0" data-date="20/04/2015" class="" style="left: 480px;">20 Mar</a></li>-->
    <li><a href="#0" data-date="20/05/2015" class="" style="left: 600px;">20 May</a></li>
    <li><a href="#0" data-date="09/07/2015" style="left: 780px;">09 Jul</a></li>
    <li><a href="#0" data-date="11/08/2015" style="left: 960px;">11 Aug</a></li>

    <li><a href="#0" data-date="01/10/2015" style="left: 1200px;">01 Oct</a></li>
    <li><a href="#0" data-date="10/12/2015" style="left: 1380px;">10 Dec</a></li>
    <li><a href="#0" data-date="19/01/2016" style="left: 1500px;">19 Jan</a></li>
    <li><a href="#0" data-date="27/06/2016" style="left: 1680px;">27 Jun</a></li>
     <li><a href="#0" data-date="25/07/2016" style="left: 1680px;">25 Jul</a></li>
    </ol>

    <span class="filling-line" aria-hidden="true" style="transform: scaleX(0.0775);"></span>
    </div> <!-- .events -->
    </div> <!-- .events-wrapper -->

    <ul class="timeline-navigation">
    <li><a href="#0" class="prev inactive">Prev</a></li>
    <li><a href="#0" class="next">Next</a></li>
    </ul> <!-- timeline-navigation -->
    </div> <!-- .timeline -->

    <div class="events-content" style="height: 370px;">
    <ol>
    <li class="selected" data-date="15/09/2014">
        <h2>大关文体广电旅游局 向群众赠猪扶贫</h2>
        <em>September 15th, 2014</em>
        <p>
            &nbsp;    大关县寿山镇益珠村村委会门前人声鼎沸。一群村民聚集在这里，等候领取大关县文体广电旅游局为他们猪圈里添置的新成员——能繁母猪。这是该局倾注真情扶真贫的又一项举措。<br>
            &nbsp;   大关文体广电旅游局挂钩寿山镇扶贫益珠村已有三年，投入资金14万元。自第二批党的群众路线教育实践活动开展以来，该局通过深入挂钩村入户走访调研后，将帮助解决益珠村集镇路灯安装和生活垃圾处理场建设，以及扶持农户发展畜牧养殖促增收的问题作为活动期间群众关心关注的难点、热点问题列入整改方案。实施方案敲定后，局里筹资4万元，有望在年内完成。扶持农户发展畜牧养殖促增收的问题，通过畜牧局补助资金不足局里再筹资的方式为村里准备了20头能繁母猪和1头公猪。9月3日，这批价值3万元的猪已按计划发放到各养殖户，由村委会按照协议督促各家各户抓好管理，并以借母还儿的方式作为村级集体经济滚动发展。

        </p>
    </li>







    <li data-date="28/02/2015" class="">
    <h2>启动精准扶贫 大鹏携手大关县政府强推4.0农业建设 </h2>
    <em>February 28th, 2015</em>
    <p>
        &nbsp;    云南大鹏集团有限责任公司与大关县委、县政府相关领导进行多次洽谈后一锤定音，大鹏公司提出的农业4.0综合发展新模式得到了大关县委、县政府全方位支持，由大鹏农业年内投资5.8亿元，大鹏农业恒鼎公司全方位打造4.0农业试点示范基地，全面实施迁村屯地，机耕道上山，集镇化农村电商，特色观光非巢养老配套，产业化深加工等精准扶贫项目。<br/>
        &nbsp;   大关县委、县政府表示全方位支持，双方决定：共同成立试点推进领导小组，报申昭通市委市政府和相关部门备案。大鹏农业年内投资5.8亿元，为试点范围内的老百姓建造集镇化住房，在搬迁前修建机耕道直通山上需要种植的土地，原住房搬迁后作为企业的生产用房，合法流转的土地种植山葵作为产业化的基本作物，由大鹏农业在上高桥建设的深加工产业园区收购，确保土地加农户劳动力平均每亩可收入6000元人民币，有不可抗力因素的情况下，农户保底收入3000元，即完成了4.0农业的第一要素产业化；由大鹏农业投资的集镇建成后，国家给农户的搬迁款和相关䃼助由集镇农户转付给企业，不足部分从山葵种植收入中分期分批偿还给企业，农户集中居住后，农村电商平台、网络金融服务可以顺利建成，可由大学生村官任集镇村长兼总经理。农户可以通过机耕道上山种植农作物，大量减少修大路进山的费用。电商化可基本搭建；在集镇化完成的过程中，可根据农户和环境的特点，比如说擅长绣花，就将其特色文化打造成绣花村，形成农村的特色文化。
    </p>
    </li>

    <li data-date="20/04/2015" class="">
    <h2>嫁给幸福</h2>
    <em>March 20th, 2015</em>
    <p>
    有一个未来的目标，总能让我们欢欣鼓舞。就像飞向火光的灰蛾，甘愿做烈焰的俘虏，摆动着的是你不停的脚步，飞旋着的是你不停的流苏。美丽，在一往情深的日子里，有谁说得清，什么是甜，什么是苦。只知道，确定了就义无反顾。要输就输给追求，要嫁就嫁给幸福。
    </p>
    </li>

    <li data-date="20/05/2015" class="">
    <h2>陈霖到天星镇调研精准扶贫工作</h2>
    <em>May 20th, 2015</em>
    <p>
        &nbsp;   5月20日，县委常委、常务副县长陈霖深入天星镇调研指导精准扶贫工作时强调，主动作为，创新方式，对症下药，精准发力，全力推进精准扶贫工作。<br/>

        &nbsp;   当天，陈霖先后深入到天星镇2016年脱贫出列的中心、南甸、斜文三个村对精准脱贫工作进行指导。在听取各村支书及镇长关于当前脱贫攻坚以及异地搬迁的工作汇报后，陈霖对现阶段大面扶贫工作给予肯定的同时要求，天星镇今后的精准脱贫工作要实行“一月一落实、一月一督查、一月一汇报”的机制，及时发现问题，及时解决问题。要全力抓好基础设施建设，明确规划，确保质量的前提下按时完成;要创新村级集体经济思维，找准发展路子;要找准致贫原因，实行一户一策，真正做到精准脱贫。<br/>

        &nbsp;   陈霖指出，精准扶贫重在执行，乡镇各有关部门要切实把各项扶贫政策措施落到实处。现阶段的脱贫攻坚战，要求我们必须要提高认识，创新思维，带着兜底思想围绕脱贫指标查缺补漏。要进一步加强基层党组织建设，充分发挥村党支部的战斗堡垒作用，带领群众勤劳致富。
    </p>
    </li>

    <li data-date="09/07/2015">
    <h2>【驻村扶贫日记】帮扶要为老百姓考虑长远</h2>
    <em>July 9th, 2015</em>
    <p>
        &nbsp;     塘房村召开了19个村民小组长和村民代表大会，民主评议出初步脱贫47户170人，经过几天的入户走访核实，评定的170人中，有7户20人因重度残疾、重病、在读学生和收入达不到标准的家庭暂不能脱贫。民主评定最终“双认定”脱贫42户150人。在看到老百姓日子越过越好时，不禁为他们感到高兴，同时也替他们担心，许多出列家庭也只是刚刚“及格”，产业基础并不牢固，担心各种情况会导致家庭再次返贫。<br/>

        &nbsp;    塘房村山高坡陡，土地分散，自然条件差，加之道路、水利等基础设施落后，老百姓往往是靠人力拼搏，生产效率低下，缺乏支柱产业，特色农产品还没有形成规模，农户传统农业回报甚微，尤其是对于失地贫困户来讲，脱贫攻坚工作还任重道远。
    </p>
    </li>

    <li data-date="11/08/2015">
        <h2>大关县启动“千村帮扶行动计划”精准扶贫 集中力量让10万群众脱贫 </h2>
        <em>August 11th, 2015</em>
        <p>
            &nbsp;       锁定2015年实现1.5万贫困人口精准脱贫的目标，大关县以整村推进、整乡推进为平台，在玉碗镇集中连片特困地区开展整乡推进项目。通过把扶贫开发工作与基层党建工作、新农村建设工作有机结合，把专项扶贫、行业扶贫、社会扶贫有机集合起来，有效整合力量全面推进精准扶贫和连片特困地区扶贫开发工作。目前，共争取到整村推进项目4个，项目资金1000万元，扶贫小额信贷指标6000万元，各项扶贫开发项目如火如荼推进。<br>

            &nbsp;     围绕全县产业发展“三年行动计划”，该县结合重点发展的林、竹、畜、果蔬、中药材等特色产业，探索“涉农企业+合作社+农户”的“产业链式扶贫”机制，坚持产业项目向贫困地区、贫困群众倾斜、规划项目进村到户，确保实施一个项目、形成一个产业，带动一方贫困群众脱贫。同时，深入推进“百千万新型农民培养工程”，加大实用技术和职业技能培训，确保每户农户掌握1至2门实用技术，鼓励外出务工群众返乡创业，为贫困地区脱贫致富注入强大动力。
        </p>
    </li>



    <li data-date="01/10/2015">
    <h2>大关县督查“挂包帮”“转走访”回头看等工作</h2>
    <em>October 1st, 2015</em>
    <p>
       &nbsp; 为把全县扶贫攻坚“挂包帮”“转走访”工作落到实处,近日由县委常委、副县长赵红，副县长李丹梅牵头，组织四个督查组，就全县各级各单位和领导干部扶贫攻坚“挂包帮”“转走访”回头看工作等进行督查。,<br/>

        &nbsp; 4个督查组于2015年10月22—10月29日分头对9个乡镇和部分贫困村就建档立卡程序是否规范，对象是否精准，档案资料是否齐全，挂钩部门开展工作情况，包括进村入户遍访真实性，帮扶责任人对贫困户是否全覆盖，2014年脱贫户有何反映，对2015年脱贫户有何打算，各村扶贫规划及项目清单，2016年度扶贫计划，贫困村年度出列计划，宣传标语、上报信息、媒体报道情况等宣传工作，易地开发三年行动计划及2016年度实施方案，有没有建设示范村的计划；扶贫开发及“挂包帮”“转走访”中存在哪些问题，其中哪些是需要提请县级统一研究或规范的问题，在建扶贫项目进度及报账情况等八个内容进行逐一检查。
        <br/>
        &nbsp;通过督查，及时找准工作存在的问题，健康有序推进“挂包帮”“转走访”等各项工作，摸清贫困家底，为下步制定全县扶贫退出机制方案打基础，实施精准扶贫、精准脱贫，确保2019年大关县摘帽脱贫，2020年全面建成小康社会打基础。
    </p>
    </li>

    <li data-date="10/12/2015">
    <h2>大关县精准扶贫与农村党风廉政建设双推进</h2>
    <em>December 10th, 2015</em>
    <p>
        &nbsp;   大关县在认真贯彻落实新一轮“挂包帮、转走访”精准扶贫工作中，将农村党风廉政建设融入到扶贫各项工作，坚持扶贫带党风廉政建设、党风廉政建设促扶贫，切实加大舆论宣传，严肃工作纪律、强化监督检查，创新工作方式，确保全县扶贫工作与农村党风廉政建设两结合，双推进。<br/>
        &nbsp;  一是强化宣传，政策家喻户晓。结合扶贫遍访工作，全县各级各部门以召开社员会、上门送学、入户解读等多形式将《大关县党员领导干部廉政勤政读本》,让政策、条规走进千家万户，人人皆知，切实增强广大群众的监督意识和自我保护意识。<br/>
        &nbsp; 二是严明纪律，转变干部作风。县委、政府出台实施方案，明确各级领导干部在“挂包帮,转走访”工作中严格遵守中央八项规精神定和大关县扶贫工作“六不准”规定，坚持轻车从简，不准层层陪同迎送，不给基层增加负担，自觉维护为民务实清廉的党员干部形象。并建立“挂包帮,转走访”联席会议制度，定期不定期召开工作会议，及时汇报工作，互通信息，查找问题，落实整改，对各部门扶贫工作每年进行一次考核，强力推进扶贫工作。要求全县干部职工发扬艰苦奋斗、实事求是、深入基层深入群众的工作作风，以扶贫攻坚和脱贫摘帽为契机，发现干部、锻炼队伍、检验业绩。挂钩部门、乡镇和村之间要加大沟通汇报力度，凝聚共识，实现联动，推动形成齐抓共管的强大合力，既能够实现早日脱贫摘帽，又能实现干部清正、政府清廉、政治清明的目标。
    </p>
    </li>

    <li data-date="19/01/2016">
    <h2>国家行政学院为大关县扶贫工作支招</h2>
    <em>January 19th, 2016</em>
    <p>
        &nbsp;     1月19日，国家行政学院送教下基层至大关县，并举办了干部培训讲座。培训讲座从国家领导人有关扶贫战略思想所涵盖的内容、国家扶贫开发历程的回顾和总结、客观认识扶贫开发面临的困难与挑战、脱贫攻坚中应采取的措施及开展扶贫攻坚工作应学习的政策和文件、脱贫攻坚中需要注意的问题等方面向参训者做了深刻剖析。<br>
        &nbsp;  培训者还就扶贫工作与参训者进行现场互动，一一回答了参训者提出的在扶贫工作遇到的问题，解开了广大扶贫工作者在工作中遇到的疑惑，为他们更好地开展扶贫工作提供了有力的保障。
    </p>
    </li>

    <li data-date="27/06/2016">
    <h2>大关县财政局加快扶贫资金拨付进度支持脱贫攻坚 </h2>
    <em>June 27rd, 2016</em>
    <p>
      &nbsp;  大关县财政局安排第一批扶贫切块到县资金3263万元，截至6月15日已下达翠华、悦乐等七个乡镇的项目启动资金837.6万元，其中，翠华镇累计拨付启动金147.6万元，悦乐镇拨付105万元，寿山镇拨付102万元，高桥镇拨付108万元，木杆镇拨付102万元，吉利镇拨付138万元，天星镇拨付135万元。<br>

        &nbsp; 今年以来，大关县财政局以更明确的目标、更有力的措施、更有效的机制，主动担当、积极作为，从预算编制、执行、监督、绩效等入手，全方位强化扶贫资金管理，大力支持脱贫攻坚战略。一是创新机制，整合投入，树立大扶贫理念，集中投入、精准发力，增强县级统筹安排项目、统一使用资金的自主性。二是科学预算，对扶贫项目资金加快了拨付进度，突出群众增收，向致富产业和技能培训倾斜，增强预算安排的科学性和有效性。同时，从部门预算编制、资金拨付时限、支出执行效率、监督检查机制等加大提速力度。
    </p>
    </li>

        <li data-date="25/07/2016">
            <h2> 大关县召开技能扶贫工作会议</h2>
            <em>July 25th, 2016</em>
            <p>
                &nbsp;     7月25日，我县技能扶贫工作会议召开，县委副书记申时燕出席会议并讲话，县委常委、副县长、驻村扶贫工作队副总队长李丹梅主持会议。各乡镇分管领导及县直相关部门负责人参加会议。<br>

                &nbsp;  会议强调，要围绕谁挂钩、谁服务、谁组织、谁扶贫、谁跟踪的方式来明确任务，技能扶贫办公室要综合协调，编制好技能扶贫政策汇编，理出各部门和乡镇、村四年的任务清单进行汇总，搞好政策问答;县直各部门要充分整合各方资源，立足自身实际完成工作任务;乡镇要把辖区内需要参加技能培训的贫困劳动力建档立卡，制定培训方案，提出培训要求，汇总数据及时上报;驻村扶贫工作队要配合做好摸家底工作，协助部门和培训机构动员和组织贫困农户参加培训，在培训送教下乡时做好监督及管理;各乡镇要高度重视，党政一把手要亲自抓好技能扶贫培训工作，分管领导要紧密配合，抓好落实，做好工作进度跟踪。<br/>

            </p>
        </li>


    </ol>
    </div> <!-- .events-content -->
    </section>


    </ul>
</div>

<div class="tabcon hide">
<h2></h2>
    <section class="containt">
        <div class="timeline">
            <div class="events-wrapper">
                <div class="events" style="width: 900px; transform: translateX(0px);">
                    <ol>
                        <li><a href="#0" data-date="29/02/2016" class="older-event selected" style="left: 150px;">29 Feb</a></li>
                        <li><a href="#0" data-date="07/03/2016" class="" style="left: 400px;">02 Mar</a></li>
                        <li><a href="#0" data-date="01/05/2016" class="" style="left: 480px;">06 Mar</a></li>
                        <li><a href="#0" data-date="15/06/2016" class="" style="left: 500px;">15 Apr</a></li>
                        <li><a href="#0" data-date="06/07/2016" style="left: 580px;">06 Jul</a></li>
                        <li><a href="#0" data-date="08/08/2016" style="left: 660px;">08 Aug</a></li>
                        <li><a href="#0" data-date="09/09/2016" style="left: 720px;">09 Sep</a></li>
                        <!--<li><a href="#0" data-date="01/11/2016" style="left: 1200px;">01 Nov</a></li>-->
                        <!--<li><a href="#0" data-date="10/12/2016" style="left: 1380px;">10 Dec</a></li>-->
                        <!--<li><a href="#0" data-date="19/01/2017" style="left: 1500px;">29 Jan</a></li>-->
                        <!--<li><a href="#0" data-date="03/03/2017" style="left: 1680px;">3 Mar</a></li>-->
                    </ol>

                    <span class="filling-line" aria-hidden="true" style="transform: scaleX(0.0775);"></span>
                </div> <!-- .events -->
            </div> <!-- .events-wrapper -->

            <ul class="timeline-navigation">
                <li><a href="#0" class="prev inactive">Prev</a></li>
                <li><a href="#0" class="next">Next</a></li>
            </ul> <!-- timeline-navigation -->
        </div> <!-- .timeline -->

        <div class="events-content" style="height: 386px;">
            <ol>
                <li class="selected" data-date="29/02/2016">
                    <h2> 西南林业大学扶贫驻村工作队对口扶贫的自然村进行调研</h2>
                    <em>February 29th, 2016</em>
                    <p>

                        &nbsp;安乐村地处乌蒙山区深处，山大坡陡，人均耕地面积1.4亩，农业灌溉等基础设施严重滞后，农民经济收入单一。为使对口帮扶贫困户尽早脱贫，西南林业大学在选拔驻村工作队队员上严格把关，所选派的队员都有所在部门骨干，虽说他们来自不同部门，但是他们的思想作风硬，有文化，有素质，爱百姓，能够下基层愿意为百姓服务。<br/>
                        &nbsp;  一年之计在于春，更何况今年是“十三五”的开局之年，也是我省脱贫攻坚之年。春天是播种的季节，是一年收获的保证，更是一年脱贫计划的关键。驻村扶贫工作队不顾舟车劳顿，雷厉风行制定出计划，第一时间分批进入贫困户开展走访工作，认真倾听贫困户的愿意；及时与当地政府沟通协调，在当地政府的统一领导下，开展脱贫规划。力争在开春之际播下希望的种子。                    </p>
                </li>

                <li data-date="07/03/2016" class="">
                    <h2>西南林业大学驻村工作队员与安乐村34名贫困户代表进行了座谈</h2>
                    <em>March 02th, 2016</em>
                    <p>
                        &nbsp;     西南林业大学驻村工作队员与安乐村34名贫困户代表进行了座谈。会议由安乐村支部书记叶声云主持，柏顺文老师向参加座谈的贫困户代表介绍了西南林业大学驻村扶贫工作队成员，并把这段时间以来调研的情况向大家做了汇报。<br/>
                        &nbsp;    参加会议的贫困户代表纷纷进行了发言，提出了许多宝贵的建议：能否请小学学校把营养餐改为中餐，以便学生家长能回家劳动；能否把狮子堡山梁祖祖辈辈期盼的农业灌溉用水解决。水是制约发展的瓶颈，狮子堡山梁的贫困户希望解决农业灌溉的用水，把水的问题解决了狮子堡山梁14个自然村，近3000名群众就脱贫了。能否对各社因病因学的特困户进行重点扶持。特别是品学兼优的特困家庭学生给以更多的关心。希望加强农村红白喜事宴请的引导，现在浪费较大，有的家庭就是原因这样的风俗致贫。<br/>
                        &nbsp;   狮子堡村民小组梁海仁还就扶贫方案提出了意见，天星河谷温度高、自然条件较好是距离昭通比较近的一个温暖的河谷，希望充分利用这个自然条件大力发展养猪业和核桃产业。
                    </p>
                </li>

                <li data-date="01/05/2016" class="">
                    <h2>西南林业大学驻村工作队员与安乐党支部委员举行座谈。</h2>
                    <em>March 06th, 2016</em>
                    <p>
                        &nbsp;         西南林业大学驻村工作队员与安乐党支部委员举行座谈。向党员代表详细了解村里的产业结构、经济发展、群众收入等情况以及致贫原因、农民的需要。党员代表希望帮忙解决农业灌溉用水；养殖建议引导以养猪为主，牛羊前期投入较大，加之山高坡陡无法放养；经济果林建议发展核桃；部分党员希望引种香椿，希望西南林大能帮忙解决；田家湾是天星镇的蔬菜发展基地，希望为田家湾修一下冲毁的灌溉水渠。
                    </p>
                </li>

                <li data-date="15/06/2016" class="">
                    <h2>李永和到大关县天星镇安乐村指导驻村扶贫工作</h2>
                    <em>April 15th, 2016</em>
                    <p>
                        &nbsp;       西南林业大学党委副书记李永和到大关县天星镇安乐村指导驻村扶贫工作，看望西南林业大学驻村工作队。<br/>
                        &nbsp;       李永和一行与昭通市水利局、大关县水利局及天星镇党政领导座谈，还深入烧碳坪、花地沟、地瓜坪等地田间地头，听取驻村扶贫队关于迎青小学、“两水一路”建设、退耕还林和石漠化治理项目栽种经济果林等情况汇报。<br/>
                        &nbsp;       李永和对天星镇党委政府和安乐村对西南林业大学驻村扶贫工作的支持表示感谢！他指出，扶贫工作必须着眼长远，脚踏实地，稳健推进。要根据当地现有经济果林和农业基础，利用学校专业优势做好产业规划；要多种形式将党的亲民、惠民、扶贫等各项政策宣传到位，协助村两委加强基层建设，不断拓宽帮扶渠道；要更加注重基础扶贫、科技扶贫和智力扶贫，加强核桃、枇杷种植和农村危房改造的知识培训；要进一步做实项目，力求扶贫项目受惠范围更广，受惠群众更多。
                    </p>
                </li>

                <li data-date="06/07/2016">
                    <h2>西南林业大学校长蒋兆岗主持召开扶贫工作会议</h2>
                    <em>July 06th, 2016</em>
                    <p>
                        &nbsp;       会上，驻村总队长杨永发从大关县贫穷现状、致贫原因及县域扶贫工作进展情况几个方面进行了工作汇报；工作队队长柏顺文详细介绍了西南林业大学驻村工作队在对口帮扶地安乐村开展的 “两水一路”、迎青小学基础设施建设、蜜蜂养殖、生猪养殖等扶贫项目，提出了目前扶贫攻坚遇到的主要困难，希望得到学校支持解决，并汇报安乐村扶贫攻坚工作取得阶段性成效。<br/>
                        &nbsp;     听取汇报后，蒋兆岗校长对驻村工作队取得的阶段性工作成效表示充分肯定，并对工作队提出了“扶贫要精确，工作要标准”的总体要求。他要求工作队认真学习并贯彻落实在全省扶贫攻坚暨县域经济发展推进会上李纪恒书记、陈豪省长、钟勉副书记的讲话精神，努力工作，不要有后顾之忧，并表示需要学校支持解决的困难，学校将全力支持，希望工作队取得更好更大的成绩。<br/>
                        &nbsp;     会后，学校扶贫办公室向与会人员发放了李纪恒书记、陈豪省长和钟勉副书记在全省扶贫攻坚暨县域经济发展推进会上的讲话原文。<br/>
                        &nbsp;   学校扶贫工作领导小组副组长李永和、杜官本，扶贫工作有关部门负责人、各学院负责人，西南林业大学派驻大关县驻村工作队全体人员共同参加会议。
                    </p>
                </li>

                <li data-date="08/08/2016">
                    <h2>陈刚书记主持召开西南林业大学调研大关脱贫攻坚座谈会</h2>
                    <em>August 08th, 2016</em>
                    <p>
                        &nbsp;   陈刚书记主持召开西南林业大学调研大关脱贫攻坚座谈会。西南林业大学调研和陪同人员，大关县委、县政府领导，天星镇党政领导参加座谈。巫运松县长汇报了大关县情和扶贫攻坚主要措施，围绕需要西南林业大学协调帮扶的政策、资金、教育、产业及旅游规划、安乐村的具体扶贫工作等方面作了陈述。参与扶贫的专家代表董文渊教授就发展大关竹产业提出若干建设性意见。<br/>
                        &nbsp;   蒋兆岗校长说，每每念及中央及省委的脱贫攻坚宣言，既为党和政府高度重视百姓疾苦而欣慰，又倍感义不容辞，打赢脱贫攻坚战责任重大！学校高度重视扶贫工作，将统筹协调多方力量，以实际行动积极参与精准扶贫工作。
                    </p>
                </li>

                <li data-date="09/09/2016">
                    <h2>西南林业大学扶贫小组赴自然村“转走访”，进行调研工作</h2>
                    <em>September 09th, 2016</em>
                    <p>
                        9日上午，吴松、蒋兆岗、刘沧山、李永和、刘正华、王映平、杜官本、赵乐静、程小放等校领导和党委委员沈茂斌、黄勇分别率队到安乐村地瓜坪、唐家湾、田家湾、烧炭坪、躲马田、花地沟、砖房、坳地、狮子堡等自然村“转走访”，调研引水项目、蜜蜂养殖、仔猪繁殖、小学建设等情况，了解群众在交通出行和产业发展等方面的困难。
                        9日下午，吴松、蒋兆岗，陈刚、巫运松共同为大关县安乐农业综合服务中心揭牌。在镇村干部座谈会上听取驻村扶贫工作队及镇村领导工作情况汇报后，吴松书记肯定了扶贫工作取得的成绩，就安乐村的林果产业、农产品展销、引水修路等提出明确工作要求，相信安乐村全体群众一定能如期脱贫步入小康大道。
                    </p>
                </li>

                <!--<li data-date="01/11/2014">-->
                    <!--<h2>坦然</h2>-->
                    <!--<em>November 1st, 2014</em>-->
                    <!--<p>-->
                        <!--尘间有两苦，一是得不到之苦，二是钟情之苦。 在你付诸努力的前提下，所有的、想得到的都当作一场赌。胜之坦然；败之淡然。得之我幸，失之我命，世间最苦是钟情，纵然是夫妻也莫过如此-->
                    <!--</p>-->
                <!--</li>-->

                <!--<li data-date="10/12/2014">-->
                    <!--<h2>向前</h2>-->
                    <!--<em>December 10th, 2014</em>-->
                    <!--<p>-->
                        <!--和阳光的人在一起，心里就不会晦暗；和快乐的人在一起，嘴角就常带微笑；和进取的人在一起，行动就不会落后；和大方的人在一起，处事就不小气；和睿智的人在一起，遇事就不迷茫；-->
                    <!--</p>-->
                <!--</li>-->

                <!--<li data-date="19/01/2015">-->
                    <!--<h2>善待自己</h2>-->
                    <!--<em>January 19th, 2015</em>-->
                    <!--<p>-->
                        <!--人生是痛苦与快乐的组合体，事业是失败与成功的交响乐。 2.说有上辈子的人是在骗自己，说有下辈子的人是在骗别人。 3.人格的强大才是真正的强大，志向的虚弱才是真正的虚弱。-->
                    <!--</p>-->
                <!--</li>-->

                <!--<li data-date="03/03/2015">-->
                    <!--<h2>频频回头走不远</h2>-->
                    <!--<em>March 3rd, 2015</em>-->
                    <!--<p>-->
                        <!--金钱就像水一样，缺了它，会渴死；贪图它，会淹死。 2.没有比记忆中更好的风景，所以最好不要旧地重游。 3.最好的东西，往往是意料之外，偶然得来的。 4.要替别人着想，但为自己而活。-->
                    <!--</p>-->
                <!--</li>-->
            </ol>
        </div> <!-- .events-content -->
    </section>
</div>

<div class="tabcon hide">
<h2>电子产品模板展示</h2>

</div>




</div><!--tabshow end-->
        </div>


    </div>

    <div id="btnbox">
        <p>CopyRight 2016&nbsp;
            计信学院虚拟地理与可视化硕士点　 &nbsp; 版权所有
        </p>

    </div>

<script type="text/javascript" src="js/lazyload.js"></script>
<script type="text/javascript">
//选项卡与延迟插件结合
//$(function(){
//$("img[original]").lazyload({ placeholder:"" });
//});

//function lazyloadForPart(container){
//container.find('img').each(function(){
//var original = $(this).attr("original");
//if (original) {
//$(this).attr('src', original).removeAttr('original');
//}
//});
//}

$(function(){           

var navBox = $('.tabTagBox'), navList = $('.tabTagList'), navs = navList.children('li'), upBtn = $('.uPrev'), downBtn = $('.dNext'), contentBoxs = $('.tabcon');

var opts = {
moveH: 58,
moveSpeed: 200,
curMoveH: 0,
curSumH: 0,
curNavIndex: 0
}

opts.curSumH = (opts.moveH * navs.size()) - navBox.height();

var navToContentBox = function () {
navs.removeClass('current');
contentBoxs.hide().eq(opts.curNavIndex+3).show();
}

var navMove = function () {

var _arg = arguments.length > 0 ? arguments[0] : '';

if (_arg === 'up') {
if (-opts.curSumH === opts.curMoveH) {
alert('温馨提示：其他栏目敬请期待！');
return;
}
opts.curMoveH -= opts.moveH;
opts.curNavIndex += 1;
}

if (_arg === 'down') {
if (opts.curMoveH === 0) {
alert('温馨提示：其他栏目待敬请期待！');
return;
}
opts.curMoveH += opts.moveH;
opts.curNavIndex -= 1;
}

navToContentBox();
navs.eq(opts.curNavIndex).addClass('current');
navList.animate({ top: opts.curMoveH + 'px' }, opts.moveSpeed);
lazyloadForPart(contentBoxs);
}

upBtn.click(function () {
navMove('down');
});

downBtn.click(function () {
navMove('up');
});

navs.click(function () {
opts.curNavIndex = $(this).index();
navToContentBox();
$(this).addClass('current');
lazyloadForPart(contentBoxs);
});

});
</script>
<!--演示内容结束-->


</body>
</html>